<template>
  <el-dialog title="申请器械类别" v-model="visible" width="80%" :close-on-click-modal="false" :close-on-press-escape="false">
    <div class="cates">
      <ApplyCate :isCate="isCate" :cates="changeCateInfo.catIdList" />
    </div>

    <template #footer>
      <Button class="is-plain" label="取消" @click="visible = false" />
    </template>

    <!-- <div class="qualica">
        <p class="title">资质证件</p>

        <ul class="qualica-list">
          <li v-for="qualica in changeQualication" :key="qualica.customerQualificationId">
            <el-image class="qualica-img" :src="qualica.qualificationImg" :preview-src-list="[qualica.qualificationImg]"> </el-image>
            <p>{{ consts.qualificationType.find((e) => e.qualificationType === qualica.qualificationType).title }}</p>
            <p>{{ qualica.effectiveDate }} - {{ qualica.expiredDate }}</p>
          </li>
        </ul>
      </div> -->
    <!-- </div> -->
  </el-dialog>
</template>

<script setup>
import { reactive, computed, ref } from 'vue'
import api from '@/api'
import consts from '@/consts'
import formater from '@/formater'
import { ElMessage } from 'element-plus'
import ApplyCate from '@/components/cate/index.vue'
import Button from '@/components/button/button.vue'

const props = defineProps(['visible', 'changeCateInfo', 'isCate'])
const emit = defineEmits(['update:visible'])

const isCate = ref(true)

const visible = computed({
  get: () => {
    return props.visible
  },
  set: (value) => emit('update:visible', value)
})
</script>

<style scoped lang="scss">
.cates {
  padding: 0 20px 30px 20px;
  height: 500px;
  overflow-y: auto;
}
</style>
